<template>
  <!-- 生命周期 -->
  <h1>{{ msg }}</h1>
  <button @click="show = !show">修改</button>
  <MyHeader v-if="show"></MyHeader>
</template>

<script>
import MyHeader from "./components/demo_header.vue";
export default {
  name: "App",
  data() {
    return {
      msg: "abc",
      show: true,
    };
  },
  components: { MyHeader },
  methods: {},
  computed: {},
  watch: {},
  // beforeCreate() {
  //   console.log("beforeCreate数据初始化之前");
  // },
  // created() {
  //   console.log("created数据初始化之后");
  // },
  // beforeMount() {
  //   console.log("beforeMount挂载渲染前");
  // },
  // mounted() {
  //   console.log("mounted挂载渲染之后");
  // },
  // beforeUpdate() {
  //   console.log("beforeUpdate更新之前");
  // },
  // updated() {
  //   console.log("updated更新之后");
  // },
  // beforeDestroy() {
  //   console.log("beforeDestroy销毁前");
  // },
  // destroyed() {
  //   console.log("destroyed销毁后");
  // },
};
</script>

<style scoped>
</style>
